@charset "utf-8";
 @media (min-width:1367px) {
 .banner {
}
 .banner figure {
 overflow:hidden;
 height:700px;
 position:relative;
}
 .banner img {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
}
 .title {
 text-align:center;
 margin-bottom:40px;
}
 .title h2 {
 font-size:30px;
 line-height:40px;
 padding-bottom:20px;
 position:relative;
}
 .title h2 strong {
 color:#008cd6;
}
 .title h2:before {
 content:'';
 display:block;
 position:absolute;
 top:51px;
 left:50%;
 transform:translateX(-50%);
 background:#ccc;
 width:280px;
 height:1px;
}
 .title p {
 color:#999;
 position:relative;
 line-height:30px;
}
 .title p:before {
 content:'';
 display:block;
 position:absolute;
 top:-10px;
 left:50%;
 transform:translateX(-50%);
 background:#000;
 width:60px;
 height:3px;
 margin-left:-30px;
}
 .title p:after {
 content:'';
 display:block;
 position:absolute;
 top:-10px;
 left:50%;
 transform:translateX(-50%);
 background:#008cd6;
 width:60px;
 height:3px;
 margin-left:30px;
}
 .product {
 position:relative;
 z-index:1;
 padding:60px 0;
}
 .product-cat {
 overflow:hidden;
 margin-bottom:40px;
}
 .product-cat-slide {
}
 .product-cat h3 {
 background:#008cd6;
 line-height:70px;
 font-size:18px;
 transition:all ease-out 0.3s;
 position:relative;
 box-sizing:border-box;
 padding:0 20px;
}
 .product-cat h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 border-bottom:15px solid #fff;
 border-right:10px solid transparent;
 border-left:10px solid transparent;
 transition:all ease-out 0.3s;
}
 .product-cat h3 a {
 color:#fff;
}
 .product-cat h3:hover {
 background:#f6a900;
}
 .product-cat h3:hover:after {
 transform:translateY(-50%) rotate(180deg);
}
 .product-cat h3:hover a {
 color:#fff;
}
 .product-cat .swiper-slide-thumb-active h3 {
 background:#f6a900;
}
 .product-cat .swiper-slide-thumb-active h3:after {
 transform:translateY(-50%) rotate(180deg);
}
 .product-cat .swiper-slide-thumb-active h3 a {
 color:#fff;
}
 .product-slide {
}
 .product-slide-list {
}
 .product-slide-list:nth-of-type(1) li:last-child {
 display:none;
}
 .product-slide-list:nth-of-type(2) li:last-child {
 display:none;
}
 .product-slide-list ul {
 margin:0 -15px;
}
 .product-slide-list li {
 position:relative;
 float:left;
 width:380px;
 margin:0 15px 30px;
}
 .product-slide-list li a {
 display:block;
}
 .product-slide-list li section {
 background:#;
}
 .product-slide-list li figure {
 overflow:hidden;
}
 .product-slide-list li figure img {
 width:380px;
 height:285px;
}
 .product-slide-list li div {
 position:relative;
 line-height:45px;
 overflow:hidden;
}
 .product-slide-list li div:before {
 position:absolute;
 top:0;
 left:-380px;
 content:'';
 display:block;
 width:760px;
 height:45px;
 background:linear-gradient(to right, #008cd6 380px, #f1f1f1 380px, #f1f1f1 0);
 transition:all ease-out 0.3s;
}
 .product-slide-list li div:after {
 position:absolute;
 top:0;
 right:-45px;
 content:'';
 display:block;
 width:90px;
 height:45px;
 background:linear-gradient(to right, transparent 45px, #f6a900 45px, #f6a900 0);
 transition:all ease-out 0.3s;
}
 .product-slide-list li h3 {
 position:relative;
 z-index:1;
 white-space:nowrap;
 font-size:16px;
 padding:0 10px;
 transition:all ease-out 0.3s;
}
 .product-slide-list li h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:20px;
 width:10px;
 height:10px;
 border-top:2px solid #ccc;
 border-right:2px solid #ccc;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .product-slide-list li:hover div:before {
 left:0;
}
 .product-slide-list li:hover div:after {
 right:0;
}
 .product-slide-list li:hover h3 {
 color:#fff;
 padding:0 15px;
}
 .product-slide-list li:hover h3:after {
 border-right:2px solid #fff;
 border-top:2px solid #fff;
 animation:promoremc 1s infinite ease-in-out;
 -moz-animation:promoremc 1s infinite ease-in-out;
 -webkit-animation:promoremc 1s infinite ease-in-out;
 -o-animation:promoremc 1s infinite ease-in-out;
}
 @keyframes promoremc {
 0% {
 right:30px;
 opacity:0;
}
 50% {
 right:20px;
 opacity:1;
}
 100% {
 right:10px;
 opacity:0;
}
}
 .product-slide-list li:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .product-select-list {
}
 .product-select-list ul {
 margin:0 -15px;
}
 .product-select-list li {
 position:relative;
 float:left;
 width:380px;
 margin:0 15px 30px;
}
 .product-select-list li a {
 display:block;
 text-align:center;
 background:#eee;
 padding:60px 0;
}
 .product-select-list li h4 {
 font-size:17px;
 line-height:30px;
 margin-bottom:20px;
}
 .product-select-list li p {
}
 .product-select-list li span {
 display:inline-block;
 line-height:30px;
 padding:0 10px;
 border-radius:5px;
 border:1px solid #ddd;
}
 .product-slide-list-more {
 text-align:center;
}
 .product-slide-list-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 50px 0 20px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .product-slide-list-more a span {
 position:relative;
 z-index:1;
}
 .product-slide-list-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:20px;
 width:6px;
 height:6px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
}
 .product-slide-list-more a:hover {
}
 .product-slide-list-more a:hover:before {
 animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -moz-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -webkit-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -o-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
}
 @keyframes productslidelistmorebeforemc {
 0% {
 right:23px;
 opacity:0;
}
 100% {
 right:20px;
 opacity:1;
}
}
 .advan {
 background:#f9f9f9;
 padding:60px 0;
}
 .advan-list {
 margin-top:40px;
}
 .advan-list-item {
 position:relative;
 height:370px;
}
 .advan-list-item figure {
 width:600px;
 overflow:hidden;
}
 .advan-list-item figure img {
 width:600px;
 height:370px;
 transition:all ease-out 0.3s;
}
 .advan-list-item:hover figure img {
 transform:scale3d(1.05, 1.05, 1);
}
 .advan-list-item section {
 width:600px;
 height:370px;
 background:#fff;
 box-sizing:border-box;
 padding:120px 40px 0;
 position:relative;
}
 .advan-list-item section i {
 position:absolute;
 top:0;
 left:40px;
 display:block;
 width:60px;
 height:80px;
 color:#fff;
 font-size:24px;
 font-style:normal;
 text-align:center;
 line-height:80px;
}
 .advan-list-item section i:after {
 content:'';
 display:block;
 position:absolute;
 top:66px;
 left:20px;
 width:20px;
 height:3px;
 background:#fff;
}
 .advan-list-item section dt {
 font-size:24px;
 line-height:35px;
 position:relative;
 padding-bottom:18px;
 margin-bottom:20px;
}
 .advan-list-item section dt:before {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:1px;
 background:#ccc;
}
 .advan-list-item section dt:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:60px;
 height:3px;
 background:#f02626;
}
 .advan-list-item section dt span {
 color:#f02626;
}
 .advan-list-item section dd {
 font-size:16px;
 line-height:25px;
 color:#999;
}
 .advan-list-item section a {
 display:inline-block;
 background:#f02626;
 color:#fff;
 padding:0 40px;
 line-height:35px;
 margin-top:25px;
}
 .advan-list-item:nth-of-type(2n+1) figure {
 float:left;
}
 .advan-list-item:nth-of-type(2n+1) i {
 background:#f6a900;
}
 .advan-list-item:nth-of-type(2n+1) section {
 float:right;
}
 .advan-list-item:nth-of-type(2n+1) section dt:after {
 background:#f6a900;
}
 .advan-list-item:nth-of-type(2n+1) section dt span {
 color:#f6a900;
}
 .advan-list-item:nth-of-type(2n) figure {
 float:right;
}
 .advan-list-item:nth-of-type(2n) i {
 background:#008cd6;
}
 .advan-list-item:nth-of-type(2n) section {
 float:left;
}
 .advan-list-item:nth-of-type(2n) section dt:after {
 background:#008cd6;
}
 .advan-list-item:nth-of-type(2n) section dt span {
 color:#008cd6;
}
 .customer {
 padding:60px 0;
 background: #00a1e8;
}
 .customertitle {
}
 .customertitle h2 {
 font-size:34px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 text-align:center;
 margin-bottom:10px;
}
 .customertitle h2:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:2px;
 background:#2397d4;
}
 .customertitle p {
 text-transform:uppercase;
 text-align:center;
 font-size:16px;
 color:#f9f9f9;
 margin-bottom:30px;
}
 .customerslide {
}
 .customerslide h2 {
 font-size:22px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 text-align:center;
 margin-bottom:10px;
}
 .customerslide h2:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:2px;
 background:#2397d4;
}
 .customerslide p {
 text-transform:uppercase;
 text-align:center;
 font-size:12px;
 color:#999;
 margin-bottom:30px;
}
 .customerslide figure {
 margin-bottom:10px;
 border:1px solid #eee;
}
 .customerslide img {
 width:100%;
}
 .customerslide h3 {
 font-size:14px;
 font-weight:normal;
 text-align:center;
}
 .case {
 padding:60px 0;
 background:#e9e9e9;
}
 .case-slide {
 margin-bottom:40px;
}
 .case-slide-item {
 position:relative;
}
 .case-slide-item a {
 display:block;
}
 .case-slide-item section {
}
 .case-slide-item figure {
 overflow:hidden;
}
 .case-slide-item img {
 width:100%;
}
 .case-slide-item div {
 line-height:60px;
 position:relative;
 overflow:hidden;
}
 .case-slide-item div:after {
 position:absolute;
 top:0;
 left:-285px;
 content:'';
 display:block;
 width:570px;
 height:60px;
 background:linear-gradient(to right, #008cd6 285px, #f6f6f6 285px, #f6f6f6 0);
 transition:all ease-out 0.3s;
}
 .case-slide-item h3 {
 position:relative;
 z-index:1;
 font-size:14px;
 padding:0 50px 0 20px;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 transition:all ease-out 0.3s;
}
 .case-slide-item h3:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:#008cd6;
}
 .case-slide-item h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:27px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .case-slide-item:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .case-slide-item:hover div:after {
 left:0;
}
 .case-slide-item:hover h3 {
 color:#fff;
}
 .case-slide-item:hover h3:before {
 background:#fff;
 animation:caseslidemc 1s infinite ease-in-out;
 -moz-animation:caseslidemc 1s infinite ease-in-out;
 -webkit-animation:caseslidemc 1s infinite ease-in-out;
 -o-animation:caseslidemc 1s infinite ease-in-out;
}
 @keyframes caseslidemc {
 0% {
 transform:translateY(-50%) scale3d(1, 1, 1);
 opacity:1;
}
 100% {
 transform:translateY(-50%) scale3d(1.2, 1.2, 1);
 opacity:0;
}
}
 .case-slide-item:hover h3:after {
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
}
 .case-more {
 text-align:center;
}
 .case-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 40px 0 10px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .case-more a span {
 position:relative;
 z-index:1;
}
 .case-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 width:16px;
 height:16px;
 border-radius:10px;
 border:1px solid #008cd6;
}
 .case-more a:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:17px;
 width:5px;
 height:5px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .case-more a:hover {
}
 .case-more a:hover:before {
 animation:casemorebeofremc 1s infinite ease-in-out;
 -moz-animation:casemorebeofremc 1s infinite ease-in-out;
 -webkit-animation:casemorebeofremc 1s infinite ease-in-out;
 -o-animation:casemorebeofremc 1s infinite ease-in-out;
}
 @keyframes casemorebeofremc {
 0% {
 right:13px;
 opacity:0;
}
 100% {
 right:10px;
 opacity:1;
}
}
 .case-more a:hover:after {
 animation:casemoreaftermc 1s infinite ease-in-out;
 -moz-animation:casemoreaftermc 1s infinite ease-in-out;
 -webkit-animation:casemoreaftermc 1s infinite ease-in-out;
 -o-animation:casemoreaftermc 1s infinite ease-in-out;
}
 @keyframes casemoreaftermc {
 0% {
 right:20px;
 opacity:0;
}
 100% {
 right:17px;
 opacity:1;
}
}
 .video {
 padding:60px 0;
}
 .video-slide {
 margin:0 auto 40px;
 width:1280px;
}
 .video-slide .swiper-container {
 padding:0 40px;
}
 .video-slide .swiper-button-next {
 right:0;
 background:#008cd6;
}
 .video-slide .swiper-button-next:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:10px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide .swiper-button-prev {
 left:0;
 background:#008cd6;
}
 .video-slide .swiper-button-prev:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:10px;
 width:7px;
 height:7px;
 border-bottom:2px solid #fff;
 border-left:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide-item {
 position:relative;
}
 .video-slide-item a {
 display:block;
}
 .video-slide-item section {
}
 .video-slide-item figure {
 overflow:hidden;
}
 .video-slide-item img {
 width:100%;
}
 .video-slide-item div {
 line-height:60px;
 position:relative;
 overflow:hidden;
 border-radius:0 0 20px;
}
 .video-slide-item div:after {
 position:absolute;
 top:0;
 left:-270px;
 content:'';
 display:block;
 width:540px;
 height:60px;
 background:linear-gradient(to right, #008cd6 270px, #fff 270px, #fff 0);
 transition:all ease-out 0.3s;
}
 .video-slide-item h3 {
 position:relative;
 z-index:1;
 font-size:14px;
 padding:0 50px 0 20px;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 transition:all ease-out 0.3s;
}
 .video-slide-item h3:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:#008cd6;
}
 .video-slide-item h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:27px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide-item:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .video-slide-item:hover div:after {
 left:0;
}
 .video-slide-item:hover h3 {
 color:#fff;
}
 .video-slide-item:hover h3:before {
 background:#fff;
 animation:caseslidemc 1s infinite ease-in-out;
 -moz-animation:caseslidemc 1s infinite ease-in-out;
 -webkit-animation:caseslidemc 1s infinite ease-in-out;
 -o-animation:caseslidemc 1s infinite ease-in-out;
}
 @keyframes caseslidemc {
 0% {
 transform:translateY(-50%) scale3d(1, 1, 1);
 opacity:1;
}
 100% {
 transform:translateY(-50%) scale3d(1.2, 1.2, 1);
 opacity:0;
}
}
 .video-slide-item:hover h3:after {
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
}
 .advan-more {
 text-align:center;
}
 .advan-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 40px 0 10px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .advan-more a span {
 position:relative;
 z-index:1;
}
 .advan-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 width:16px;
 height:16px;
 border-radius:10px;
 border:1px solid #008cd6;
}
 .advan-more a:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:17px;
 width:5px;
 height:5px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .advan-more a:hover {
}
 .advan-more a:hover:before {
 animation:casemorebeofremc 1s infinite ease-in-out;
 -moz-animation:casemorebeofremc 1s infinite ease-in-out;
 -webkit-animation:casemorebeofremc 1s infinite ease-in-out;
 -o-animation:casemorebeofremc 1s infinite ease-in-out;
}
 @keyframes casemorebeofremc {
 0% {
 right:13px;
 opacity:0;
}
 100% {
 right:10px;
 opacity:1;
}
}
 .advan-more a:hover:after {
 animation:casemoreaftermc 1s infinite ease-in-out;
 -moz-animation:casemoreaftermc 1s infinite ease-in-out;
 -webkit-animation:casemoreaftermc 1s infinite ease-in-out;
 -o-animation:casemoreaftermc 1s infinite ease-in-out;
}
 @keyframes casemoreaftermc {
 0% {
 right:20px;
 opacity:0;
}
 100% {
 right:17px;
 opacity:1;
}
}
 .about {
 padding:60px 0;
 position:relative;
 overflow:hidden;
 background:#f9f9f9;
}
 .about:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateX(-50%);
 background:url(../images/mcglobal.png) no-repeat center center;
 width:745px;
 height:745px;
 animation:globalmc 100s infinite linear;
 -moz-animation:globalmc 100s infinite linear;
 -webkit-animation:globalmc 100s infinite linear;
 -o-animation:globalmc 100s infinite linear;
}
 @keyframes globalmc {
 0% {
 transform:translateX(-50%) rotate(0deg);
}
 100% {
 transform:translateX(-50%) rotate(360deg);
}
}
 @-webkit-keyframes globalmc {
 0% {
 transform:translateX(-50%) rotate(0deg);
}
 100% {
 transform:translateX(-50%) rotate(360deg);
}
}
 .about .w {
 position:relative;
 z-index:2;
}
 .about-info {
 margin-bottom:140px;
}
 .about-info section {
 font-size:16px;
 line-height:30px;
 color:#999;
 padding:0 100px;
 text-align:center;
}
 .about-num {
 margin:0 auto;
 width:1040px;
}
 .about-num-item {
 float:left;
 width:240px;
 margin:0 10px;
 background:rgba(255, 255, 255, 0.8);
 text-align:center;
 padding:40px 0;
}
 .about-num-item span {
 display:inline-block;
 position:relative;
 margin-bottom:10px;
}
 .about-num-item strong {
 display:block;
 font-size:48px;
 line-height:50px;
 font-family:Impact;
 color:#008cd6;
}
 .about-num-item i {
 position:absolute;
 top:-5px;
 right:-15px;
 font-style:normal;
 color:#f6a900;
}
 .about-num-item p {
 color:#999;
}
 .news {
 padding:60px 0;
}
 .news-list {
}
 .news-company {
 float:left;
 width:380px;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:30px;
}
 .news-list-title {
 position:relative;
 margin-bottom:30px;
}
 .news-list-title:before {
 content:'';
 display:block;
 position:absolute;
 top:30px;
 left:0;
 width:30px;
 height:2px;
 background:#008cd6;
}
 .news-list-title:after {
 content:'';
 display:block;
 position:absolute;
 top:30px;
 left:30px;
 width:30px;
 height:2px;
 background:#ccc;
}
 .news-list-title h3 {
 font-size:16px;
}
 .news-list-title span {
 position:absolute;
 top:0;
 right:0;
 text-transform:uppercase;
 font-size:12px;
}
 .news-company-slide {
}
 .news-company-slide section {
 position:relative;
}
 .news-company-slide a {
 display:block;
}
 .news-company-slide figure {
 overflow:hidden;
}
 .news-company-slide img {
 width:320px;
 height:240px;
}
 .news-company-slide h4 {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 background:rgba(30, 131, 186, 0.8);
 color:#fff;
 line-height:40px;
 padding:0 10px;
 font-weight:normal;
}
 .news-company-slide:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .news-industry {
 float:left;
 width:380px;
 margin:0 30px;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:30px;
}
 .news-industry ul {
 height:240px;
}
 .news-industry li {
 line-height:40px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 padding-right:70px;
}
 .news-industry li time {
 position:absolute;
 top:0;
 right:0;
 font-size:12px;
 color:#ccc;
}
 .news-industry li:hover a {
 padding-left:10px;
}
 .news-faq {
 float:left;
 width:380px;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:30px;
}
 .news-faq ul {
 height:240px;
}
 .news-faq li {
 line-height:40px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
}
 .news-faq li:hover a {
 padding-left:10px;
}
 .flink {
 padding:30px 0;
 background:#f9f9f9;
}
}
 @media (min-width:1025px) and (max-width:1366px) {
 .banner {
}
 .banner figure {
 overflow:hidden;
 height:700px;
 position:relative;
}
 .banner img {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
}
 .title {
 text-align:center;
 margin-bottom:40px;
}
 .title h2 {
 font-size:30px;
 line-height:40px;
 padding-bottom:20px;
 position:relative;
}
 .title h2 strong {
 color:#008cd6;
}
 .title h2:before {
 content:'';
 display:block;
 position:absolute;
 top:51px;
 left:50%;
 transform:translateX(-50%);
 background:#ccc;
 width:280px;
 height:1px;
}
 .title p {
 color:#999;
 position:relative;
 line-height:30px;
}
 .title p:before {
 content:'';
 display:block;
 position:absolute;
 top:-10px;
 left:50%;
 transform:translateX(-50%);
 background:#000;
 width:60px;
 height:3px;
 margin-left:-30px;
}
 .title p:after {
 content:'';
 display:block;
 position:absolute;
 top:-10px;
 left:50%;
 transform:translateX(-50%);
 background:#008cd6;
 width:60px;
 height:3px;
 margin-left:30px;
}
 .product {
 position:relative;
 z-index:1;
 padding:60px 0;
}
 .product-cat {
 overflow:hidden;
 margin-bottom:40px;
}
 .product-cat-slide {
}
 .product-cat h3 {
 background:#008cd6;
 line-height:70px;
 font-size:18px;
 transition:all ease-out 0.3s;
 position:relative;
 box-sizing:border-box;
 padding:0 20px;
}
 .product-cat h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 border-bottom:15px solid #fff;
 border-right:10px solid transparent;
 border-left:10px solid transparent;
 transition:all ease-out 0.3s;
}
 .product-cat h3 a {
 color:#fff;
}
 .product-cat h3:hover {
 background:#f6a900;
}
 .product-cat h3:hover:after {
 transform:translateY(-50%) rotate(180deg);
}
 .product-cat h3:hover a {
 color:#fff;
}
 .product-cat .swiper-slide-thumb-active h3 {
 background:#f6a900;
}
 .product-cat .swiper-slide-thumb-active h3:after {
 transform:translateY(-50%) rotate(180deg);
}
 .product-cat .swiper-slide-thumb-active h3 a {
 color:#fff;
}
 .product-slide {
}
 .product-slide-list {
}
 .product-slide-list:nth-of-type(1) li:last-child {
 display:none;
}
 .product-slide-list:nth-of-type(2) li:last-child {
 display:none;
}
 .product-slide-list ul {
 margin:0 -15px;
}
 .product-slide-list li {
 position:relative;
 float:left;
 width:380px;
 margin:0 15px 30px;
}
 .product-slide-list li a {
 display:block;
}
 .product-slide-list li section {
 background:#;
}
 .product-slide-list li figure {
 overflow:hidden;
}
 .product-slide-list li figure img {
 width:380px;
 height:285px;
}
 .product-slide-list li div {
 position:relative;
 line-height:45px;
 overflow:hidden;
}
 .product-slide-list li div:before {
 position:absolute;
 top:0;
 left:-380px;
 content:'';
 display:block;
 width:760px;
 height:45px;
 background:linear-gradient(to right, #008cd6 380px, #f1f1f1 380px, #f1f1f1 0);
 transition:all ease-out 0.3s;
}
 .product-slide-list li div:after {
 position:absolute;
 top:0;
 right:-45px;
 content:'';
 display:block;
 width:90px;
 height:45px;
 background:linear-gradient(to right, transparent 45px, #f6a900 45px, #f6a900 0);
 transition:all ease-out 0.3s;
}
 .product-slide-list li h3 {
 position:relative;
 z-index:1;
 white-space:nowrap;
 font-size:16px;
 padding:0 10px;
 transition:all ease-out 0.3s;
}
 .product-slide-list li h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:20px;
 width:10px;
 height:10px;
 border-top:2px solid #ccc;
 border-right:2px solid #ccc;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .product-slide-list li:hover div:before {
 left:0;
}
 .product-slide-list li:hover div:after {
 right:0;
}
 .product-slide-list li:hover h3 {
 color:#fff;
 padding:0 15px;
}
 .product-slide-list li:hover h3:after {
 border-right:2px solid #fff;
 border-top:2px solid #fff;
 animation:promoremc 1s infinite ease-in-out;
 -moz-animation:promoremc 1s infinite ease-in-out;
 -webkit-animation:promoremc 1s infinite ease-in-out;
 -o-animation:promoremc 1s infinite ease-in-out;
}
 @keyframes promoremc {
 0% {
 right:30px;
 opacity:0;
}
 50% {
 right:20px;
 opacity:1;
}
 100% {
 right:10px;
 opacity:0;
}
}
 .product-slide-list li:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .product-select-list {
}
 .product-select-list ul {
 margin:0 -15px;
}
 .product-select-list li {
 position:relative;
 float:left;
 width:380px;
 margin:0 15px 30px;
}
 .product-select-list li a {
 display:block;
 text-align:center;
 background:#eee;
 padding:60px 0;
}
 .product-select-list li h4 {
 font-size:17px;
 line-height:30px;
 margin-bottom:20px;
}
 .product-select-list li p {
}
 .product-select-list li span {
 display:inline-block;
 line-height:30px;
 padding:0 10px;
 border-radius:5px;
 border:1px solid #ddd;
}
 .product-slide-list-more {
 text-align:center;
}
 .product-slide-list-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 50px 0 20px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .product-slide-list-more a span {
 position:relative;
 z-index:1;
}
 .product-slide-list-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:20px;
 width:6px;
 height:6px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
}
 .product-slide-list-more a:hover {
}
 .product-slide-list-more a:hover:before {
 animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -moz-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -webkit-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -o-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
}
 @keyframes productslidelistmorebeforemc {
 0% {
 right:23px;
 opacity:0;
}
 100% {
 right:20px;
 opacity:1;
}
}
 .advan {
 background:#f9f9f9;
 padding:60px 0;
}
 .advan-list {
 margin-top:40px;
}
 .advan-list-item {
 position:relative;
 height:370px;
}
 .advan-list-item figure {
 width:600px;
 overflow:hidden;
}
 .advan-list-item figure img {
 width:600px;
 height:370px;
 transition:all ease-out 0.3s;
}
 .advan-list-item:hover figure img {
 transform:scale3d(1.05, 1.05, 1);
}
 .advan-list-item section {
 width:600px;
 height:370px;
 background:#fff;
 box-sizing:border-box;
 padding:120px 40px 0;
 position:relative;
}
 .advan-list-item section i {
 position:absolute;
 top:0;
 left:40px;
 display:block;
 width:60px;
 height:80px;
 color:#fff;
 font-size:24px;
 font-style:normal;
 text-align:center;
 line-height:80px;
}
 .advan-list-item section i:after {
 content:'';
 display:block;
 position:absolute;
 top:66px;
 left:20px;
 width:20px;
 height:3px;
 background:#fff;
}
 .advan-list-item section dt {
 font-size:24px;
 line-height:35px;
 position:relative;
 padding-bottom:18px;
 margin-bottom:20px;
}
 .advan-list-item section dt:before {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:1px;
 background:#ccc;
}
 .advan-list-item section dt:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:60px;
 height:3px;
 background:#f02626;
}
 .advan-list-item section dt span {
 color:#f02626;
}
 .advan-list-item section dd {
 font-size:16px;
 line-height:25px;
 color:#999;
}
 .advan-list-item section a {
 display:inline-block;
 background:#f02626;
 color:#fff;
 padding:0 40px;
 line-height:35px;
 margin-top:25px;
}
 .advan-list-item:nth-of-type(2n+1) figure {
 float:left;
}
 .advan-list-item:nth-of-type(2n+1) i {
 background:#f6a900;
}
 .advan-list-item:nth-of-type(2n+1) section {
 float:right;
}
 .advan-list-item:nth-of-type(2n+1) section dt:after {
 background:#f6a900;
}
 .advan-list-item:nth-of-type(2n+1) section dt span {
 color:#f6a900;
}
 .advan-list-item:nth-of-type(2n) figure {
 float:right;
}
 .advan-list-item:nth-of-type(2n) i {
 background:#008cd6;
}
 .advan-list-item:nth-of-type(2n) section {
 float:left;
}
 .advan-list-item:nth-of-type(2n) section dt:after {
 background:#008cd6;
}
 .advan-list-item:nth-of-type(2n) section dt span {
 color:#008cd6;
}
 .customer {
 padding:60px 0;
}
 .customertitle {
}
 .customertitle h2 {
 font-size:22px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 text-align:center;
 margin-bottom:10px;
}
 .customertitle h2:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:2px;
 background:#2397d4;
}
 .customertitle p {
 text-transform:uppercase;
 text-align:center;
 font-size:12px;
 color:#999;
 margin-bottom:30px;
}
 .customerslide {
}
 .customerslide h2 {
 font-size:22px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 text-align:center;
 margin-bottom:10px;
}
 .customerslide h2:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:2px;
 background:#2397d4;
}
 .customerslide p {
 text-transform:uppercase;
 text-align:center;
 font-size:12px;
 color:#999;
 margin-bottom:30px;
}
 .customerslide figure {
 margin-bottom:10px;
 border:1px solid #eee;
}
 .customerslide img {
 width:100%;
}
 .customerslide h3 {
 font-size:14px;
 font-weight:normal;
 text-align:center;
}
 .case {
 padding:60px 0;
 background:#f9f9f9;
}
 .case-slide {
 margin-bottom:40px;
}
 .case-slide-item {
 position:relative;
}
 .case-slide-item a {
 display:block;
}
 .case-slide-item section {
}
 .case-slide-item figure {
 overflow:hidden;
}
 .case-slide-item img {
 width:100%;
}
 .case-slide-item div {
 line-height:60px;
 position:relative;
 overflow:hidden;
}
 .case-slide-item div:after {
 position:absolute;
 top:0;
 left:-285px;
 content:'';
 display:block;
 width:570px;
 height:60px;
 background:linear-gradient(to right, #008cd6 285px, #f6f6f6 285px, #f6f6f6 0);
 transition:all ease-out 0.3s;
}
 .case-slide-item h3 {
 position:relative;
 z-index:1;
 font-size:14px;
 padding:0 50px 0 20px;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 transition:all ease-out 0.3s;
}
 .case-slide-item h3:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:#008cd6;
}
 .case-slide-item h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:27px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .case-slide-item:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .case-slide-item:hover div:after {
 left:0;
}
 .case-slide-item:hover h3 {
 color:#fff;
}
 .case-slide-item:hover h3:before {
 background:#fff;
 animation:caseslidemc 1s infinite ease-in-out;
 -moz-animation:caseslidemc 1s infinite ease-in-out;
 -webkit-animation:caseslidemc 1s infinite ease-in-out;
 -o-animation:caseslidemc 1s infinite ease-in-out;
}
 @keyframes caseslidemc {
 0% {
 transform:translateY(-50%) scale3d(1, 1, 1);
 opacity:1;
}
 100% {
 transform:translateY(-50%) scale3d(1.2, 1.2, 1);
 opacity:0;
}
}
 .case-slide-item:hover h3:after {
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
}
 .case-more {
 text-align:center;
}
 .case-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 40px 0 10px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .case-more a span {
 position:relative;
 z-index:1;
}
 .case-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 width:16px;
 height:16px;
 border-radius:10px;
 border:1px solid #008cd6;
}
 .case-more a:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:17px;
 width:5px;
 height:5px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .case-more a:hover {
}
 .case-more a:hover:before {
 animation:casemorebeofremc 1s infinite ease-in-out;
 -moz-animation:casemorebeofremc 1s infinite ease-in-out;
 -webkit-animation:casemorebeofremc 1s infinite ease-in-out;
 -o-animation:casemorebeofremc 1s infinite ease-in-out;
}
 @keyframes casemorebeofremc {
 0% {
 right:13px;
 opacity:0;
}
 100% {
 right:10px;
 opacity:1;
}
}
 .case-more a:hover:after {
 animation:casemoreaftermc 1s infinite ease-in-out;
 -moz-animation:casemoreaftermc 1s infinite ease-in-out;
 -webkit-animation:casemoreaftermc 1s infinite ease-in-out;
 -o-animation:casemoreaftermc 1s infinite ease-in-out;
}
 @keyframes casemoreaftermc {
 0% {
 right:20px;
 opacity:0;
}
 100% {
 right:17px;
 opacity:1;
}
}
 .video {
 padding:60px 0;
}
 .video-slide {
 margin:0 auto 40px;
 width:1280px;
}
 .video-slide .swiper-container {
 padding:0 40px;
}
 .video-slide .swiper-button-next {
 right:0;
 background:#008cd6;
}
 .video-slide .swiper-button-next:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:10px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide .swiper-button-prev {
 left:0;
 background:#008cd6;
}
 .video-slide .swiper-button-prev:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:10px;
 width:7px;
 height:7px;
 border-bottom:2px solid #fff;
 border-left:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide-item {
 position:relative;
}
 .video-slide-item a {
 display:block;
}
 .video-slide-item section {
}
 .video-slide-item figure {
 overflow:hidden;
}
 .video-slide-item img {
 width:100%;
}
 .video-slide-item div {
 line-height:60px;
 position:relative;
 overflow:hidden;
 border-radius:0 0 20px;
}
 .video-slide-item div:after {
 position:absolute;
 top:0;
 left:-270px;
 content:'';
 display:block;
 width:540px;
 height:60px;
 background:linear-gradient(to right, #008cd6 270px, #fff 270px, #fff 0);
 transition:all ease-out 0.3s;
}
 .video-slide-item h3 {
 position:relative;
 z-index:1;
 font-size:14px;
 padding:0 50px 0 20px;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 transition:all ease-out 0.3s;
}
 .video-slide-item h3:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:#008cd6;
}
 .video-slide-item h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:27px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide-item:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .video-slide-item:hover div:after {
 left:0;
}
 .video-slide-item:hover h3 {
 color:#fff;
}
 .video-slide-item:hover h3:before {
 background:#fff;
 animation:caseslidemc 1s infinite ease-in-out;
 -moz-animation:caseslidemc 1s infinite ease-in-out;
 -webkit-animation:caseslidemc 1s infinite ease-in-out;
 -o-animation:caseslidemc 1s infinite ease-in-out;
}
 @keyframes caseslidemc {
 0% {
 transform:translateY(-50%) scale3d(1, 1, 1);
 opacity:1;
}
 100% {
 transform:translateY(-50%) scale3d(1.2, 1.2, 1);
 opacity:0;
}
}
 .video-slide-item:hover h3:after {
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
}
 .advan-more {
 text-align:center;
}
 .advan-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 40px 0 10px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .advan-more a span {
 position:relative;
 z-index:1;
}
 .advan-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 width:16px;
 height:16px;
 border-radius:10px;
 border:1px solid #008cd6;
}
 .advan-more a:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:17px;
 width:5px;
 height:5px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .advan-more a:hover {
}
 .advan-more a:hover:before {
 animation:casemorebeofremc 1s infinite ease-in-out;
 -moz-animation:casemorebeofremc 1s infinite ease-in-out;
 -webkit-animation:casemorebeofremc 1s infinite ease-in-out;
 -o-animation:casemorebeofremc 1s infinite ease-in-out;
}
 @keyframes casemorebeofremc {
 0% {
 right:13px;
 opacity:0;
}
 100% {
 right:10px;
 opacity:1;
}
}
 .advan-more a:hover:after {
 animation:casemoreaftermc 1s infinite ease-in-out;
 -moz-animation:casemoreaftermc 1s infinite ease-in-out;
 -webkit-animation:casemoreaftermc 1s infinite ease-in-out;
 -o-animation:casemoreaftermc 1s infinite ease-in-out;
}
 @keyframes casemoreaftermc {
 0% {
 right:20px;
 opacity:0;
}
 100% {
 right:17px;
 opacity:1;
}
}
 .about {
 padding:60px 0;
 position:relative;
 overflow:hidden;
 background:#f9f9f9;
}
 .about:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateX(-50%);
 background:url(../images/mcglobal.png) no-repeat center center;
 width:745px;
 height:745px;
 animation:globalmc 100s infinite linear;
 -moz-animation:globalmc 100s infinite linear;
 -webkit-animation:globalmc 100s infinite linear;
 -o-animation:globalmc 100s infinite linear;
}
 @keyframes globalmc {
 0% {
 transform:translateX(-50%) rotate(0deg);
}
 100% {
 transform:translateX(-50%) rotate(360deg);
}
}
 @-webkit-keyframes globalmc {
 0% {
 transform:translateX(-50%) rotate(0deg);
}
 100% {
 transform:translateX(-50%) rotate(360deg);
}
}
 .about .w {
 position:relative;
 z-index:2;
}
 .about-info {
 margin-bottom:40px;
}
 .about-info section {
 font-size:16px;
 line-height:30px;
 color:#999;
 padding:0 100px;
 text-align:center;
}
 .about-num {
 margin:0 auto;
 width:1040px;
}
 .about-num-item {
 float:left;
 width:240px;
 margin:0 10px;
 background:rgba(255, 255, 255, 0.8);
 text-align:center;
 padding:40px 0;
}
 .about-num-item span {
 display:inline-block;
 position:relative;
 margin-bottom:10px;
}
 .about-num-item strong {
 display:block;
 font-size:48px;
 line-height:50px;
 font-family:Impact;
 color:#008cd6;
}
 .about-num-item i {
 position:absolute;
 top:-5px;
 right:-15px;
 font-style:normal;
 color:#f6a900;
}
 .about-num-item p {
 color:#999;
}
 .news {
 padding:60px 0;
}
 .news-list {
}
 .news-company {
 float:left;
 width:380px;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:30px;
}
 .news-list-title {
 position:relative;
 margin-bottom:30px;
}
 .news-list-title:before {
 content:'';
 display:block;
 position:absolute;
 top:30px;
 left:0;
 width:30px;
 height:2px;
 background:#008cd6;
}
 .news-list-title:after {
 content:'';
 display:block;
 position:absolute;
 top:30px;
 left:30px;
 width:30px;
 height:2px;
 background:#ccc;
}
 .news-list-title h3 {
 font-size:16px;
}
 .news-list-title span {
 position:absolute;
 top:0;
 right:0;
 text-transform:uppercase;
 font-size:12px;
}
 .news-company-slide {
}
 .news-company-slide section {
 position:relative;
}
 .news-company-slide a {
 display:block;
}
 .news-company-slide figure {
 overflow:hidden;
}
 .news-company-slide img {
 width:320px;
 height:240px;
}
 .news-company-slide h4 {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 background:rgba(30, 131, 186, 0.8);
 color:#fff;
 line-height:40px;
 padding:0 10px;
 font-weight:normal;
}
 .news-company-slide:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .news-industry {
 float:left;
 width:380px;
 margin:0 30px;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:30px;
}
 .news-industry ul {
 height:240px;
}
 .news-industry li {
 line-height:40px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 padding-right:70px;
}
 .news-industry li time {
 position:absolute;
 top:0;
 right:0;
 font-size:12px;
 color:#ccc;
}
 .news-industry li:hover a {
 padding-left:10px;
}
 .news-faq {
 float:left;
 width:380px;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:30px;
}
 .news-faq ul {
 height:240px;
}
 .news-faq li {
 line-height:40px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
}
 .news-faq li:hover a {
 padding-left:10px;
}
 .flink {
 padding:30px 0;
 background:#f9f9f9;
}
}
 @media (min-width:768px) and (max-width:1024px) {
 .banner {
}
 .banner figure {
 overflow:hidden;
 height:400px;
 position:relative;
}
 .banner img {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 height:400px;
}
 .title {
 text-align:center;
 margin-bottom:10px;
}
 .title h2 {
 font-size:22px;
 line-height:40px;
 padding-bottom:10px;
 position:relative;
}
 .title h2 strong {
 color:#008cd6;
}
 .title h2:before {
 content:'';
 display:block;
 position:absolute;
 top:41px;
 left:50%;
 transform:translateX(-50%);
 background:#ccc;
 width:280px;
 height:1px;
}
 .title p {
 color:#999;
 position:relative;
 line-height:30px;
}
 .title p:before {
 content:'';
 display:block;
 position:absolute;
 top:-10px;
 left:50%;
 transform:translateX(-50%);
 background:#000;
 width:60px;
 height:3px;
 margin-left:-30px;
}
 .title p:after {
 content:'';
 display:block;
 position:absolute;
 top:-10px;
 left:50%;
 transform:translateX(-50%);
 background:#008cd6;
 width:60px;
 height:3px;
 margin-left:30px;
}
 .product {
 position:relative;
 z-index:1;
 padding:20px;
}
 .product-cat {
 overflow:hidden;
 margin-bottom:40px;
}
 .product-cat-slide {
}
 .product-cat h3 {
 background:#008cd6;
 line-height:70px;
 font-size:18px;
 transition:all ease-out 0.3s;
 position:relative;
 box-sizing:border-box;
 padding:0 20px;
}
 .product-cat h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 border-bottom:15px solid #fff;
 border-right:10px solid transparent;
 border-left:10px solid transparent;
 transition:all ease-out 0.3s;
}
 .product-cat h3 a {
 color:#fff;
}
 .product-cat h3:hover {
 background:#f6a900;
}
 .product-cat h3:hover:after {
 transform:translateY(-50%) rotate(180deg);
}
 .product-cat h3:hover a {
 color:#fff;
}
 .product-cat .swiper-slide-thumb-active h3 {
 background:#f6a900;
}
 .product-cat .swiper-slide-thumb-active h3:after {
 transform:translateY(-50%) rotate(180deg);
}
 .product-cat .swiper-slide-thumb-active h3 a {
 color:#fff;
}
 .product-slide {
}
 .product-slide-list {
}
 .product-slide-list:nth-of-type(1) li:last-child {
 display:none;
}
 .product-slide-list:nth-of-type(2) li:last-child {
 display:none;
}
 .product-slide-list ul {
 margin:0 -1%;
}
 .product-slide-list li {
 position:relative;
 float:left;
 width:31.33%;
 margin:0 1% 2%;
}
 .product-slide-list li a {
 display:block;
}
 .product-slide-list li section {
 background:#;
}
 .product-slide-list li figure {
 overflow:hidden;
}
 .product-slide-list li figure img {
 width:100%;
}
 .product-slide-list li div {
 position:relative;
 line-height:45px;
 overflow:hidden;
}
 .product-slide-list li div:before {
 position:absolute;
 top:0;
 left:-380px;
 content:'';
 display:block;
 width:760px;
 height:45px;
 background:linear-gradient(to right, #008cd6 380px, #f1f1f1 380px, #f1f1f1 0);
 transition:all ease-out 0.3s;
}
 .product-slide-list li div:after {
 position:absolute;
 top:0;
 right:-45px;
 content:'';
 display:block;
 width:90px;
 height:45px;
 background:linear-gradient(to right, transparent 45px, #f6a900 45px, #f6a900 0);
 transition:all ease-out 0.3s;
}
 .product-slide-list li h3 {
 position:relative;
 z-index:1;
 white-space:nowrap;
 font-size:16px;
 padding:0 10px;
 transition:all ease-out 0.3s;
}
 .product-slide-list li h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:20px;
 width:10px;
 height:10px;
 border-top:2px solid #ccc;
 border-right:2px solid #ccc;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .product-slide-list li:hover div:before {
 left:0;
}
 .product-slide-list li:hover div:after {
 right:0;
}
 .product-slide-list li:hover h3 {
 color:#fff;
 padding:0 15px;
}
 .product-slide-list li:hover h3:after {
 border-right:2px solid #fff;
 border-top:2px solid #fff;
 animation:promoremc 1s infinite ease-in-out;
 -moz-animation:promoremc 1s infinite ease-in-out;
 -webkit-animation:promoremc 1s infinite ease-in-out;
 -o-animation:promoremc 1s infinite ease-in-out;
}
 @keyframes promoremc {
 0% {
 right:30px;
 opacity:0;
}
 50% {
 right:20px;
 opacity:1;
}
 100% {
 right:10px;
 opacity:0;
}
}
 .product-slide-list li:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .product-slide-list-more {
 text-align:center;
}
 .product-slide-list-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 50px 0 20px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .product-slide-list-more a span {
 position:relative;
 z-index:1;
}
 .product-slide-list-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:20px;
 width:6px;
 height:6px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
}
 .product-slide-list-more a:hover {
}
 .product-slide-list-more a:hover:before {
 animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -moz-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -webkit-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
 -o-animation:productslidelistmorebeforemc 1s infinite ease-in-out;
}
 @keyframes productslidelistmorebeforemc {
 0% {
 right:23px;
 opacity:0;
}
 100% {
 right:20px;
 opacity:1;
}
}
 .advan {
 background:#f9f9f9;
 padding:20px;
}
 .advan-list {
 margin-top:40px;
 background:#fff;
}
 .advan-list-item {
 position:relative;
 overflow:hidden;
}
 .advan-list-item figure {
 width:50%;
 overflow:hidden;
}
 .advan-list-item figure img {
 width:100%;
 transition:all ease-out 0.3s;
}
 .advan-list-item:hover figure img {
 transform:scale3d(1.05, 1.05, 1);
}
 .advan-list-item section {
 width:50%;
 box-sizing:border-box;
 padding:25px 25px 0;
 position:relative;
}
 .advan-list-item section i {
 position:absolute;
 top:0;
 display:block;
 width:60px;
 height:80px;
 color:#fff;
 font-size:24px;
 font-style:normal;
 text-align:center;
 line-height:80px;
}
 .advan-list-item section i:after {
 content:'';
 display:block;
 position:absolute;
 top:66px;
 left:20px;
 width:20px;
 height:3px;
 background:#fff;
}
 .advan-list-item section dt {
 font-size:18px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 margin-bottom:10px;
}
 .advan-list-item section dt:before {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:1px;
 background:#ccc;
}
 .advan-list-item section dt:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:60px;
 height:3px;
 background:#f02626;
}
 .advan-list-item section dt span {
 color:#f02626;
}
 .advan-list-item section dd {
 font-size:14px;
 line-height:25px;
 color:#999;
}
 .advan-list-item section a {
 display:inline-block;
 background:#f02626;
 color:#fff;
 padding:0 40px;
 line-height:35px;
 margin-top:25px;
}
 .advan-list-item:nth-of-type(2n+1) figure {
 float:left;
}
 .advan-list-item:nth-of-type(2n+1) i {
 background:#f6a900;
 left:-60px;
}
 .advan-list-item:nth-of-type(2n+1) section {
 float:right;
}
 .advan-list-item:nth-of-type(2n+1) section dt:after {
 background:#f6a900;
}
 .advan-list-item:nth-of-type(2n+1) section dt span {
 color:#f6a900;
}
 .advan-list-item:nth-of-type(2n) figure {
 float:right;
}
 .advan-list-item:nth-of-type(2n) i {
 background:#008cd6;
 right:-60px;
}
 .advan-list-item:nth-of-type(2n) section {
 float:left;
}
 .advan-list-item:nth-of-type(2n) section dt:after {
 background:#008cd6;
}
 .advan-list-item:nth-of-type(2n) section dt span {
 color:#008cd6;
}
 .customer {
 padding:20px;
}
 .customertitle {
}
 .customertitle h2 {
 font-size:22px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 text-align:center;
 margin-bottom:10px;
}
 .customertitle h2:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:2px;
 background:#2397d4;
}
 .customertitle p {
 text-transform:uppercase;
 text-align:center;
 font-size:12px;
 color:#999;
 margin-bottom:30px;
}
 .customerslide {
}
 .customerslide .swiper-button-next {
 display:none;
}
 .customerslide .swiper-button-prev {
 display:none;
}
 .customerslide h2 {
 font-size:22px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 text-align:center;
 margin-bottom:10px;
}
 .customerslide h2:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:2px;
 background:#2397d4;
}
 .customerslide p {
 text-transform:uppercase;
 text-align:center;
 font-size:12px;
 color:#999;
 margin-bottom:30px;
}
 .customerslide figure {
 margin-bottom:10px;
 border:1px solid #eee;
}
 .customerslide img {
 width:100%;
}
 .customerslide h3 {
 font-size:14px;
 font-weight:normal;
 text-align:center;
}
 .case {
 padding:20px;
 background:#f9f9f9;
}
 .case-slide {
 margin-bottom:40px;
}
 .case-slide-item {
 position:relative;
}
 .case-slide-item a {
 display:block;
}
 .case-slide-item section {
}
 .case-slide-item figure {
 overflow:hidden;
}
 .case-slide-item img {
 width:224px;
 height:172px;
}
 .case-slide-item div {
 line-height:60px;
 position:relative;
 overflow:hidden;
}
 .case-slide-item div:after {
 position:absolute;
 top:0;
 left:-224px;
 content:'';
 display:block;
 width:448px;
 height:60px;
 background:linear-gradient(to right, #008cd6 224px, #f6f6f6 224px, #f6f6f6 0);
 transition:all ease-out 0.3s;
}
 .case-slide-item h3 {
 position:relative;
 z-index:1;
 font-size:14px;
 padding:0 50px 0 20px;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 transition:all ease-out 0.3s;
}
 .case-slide-item h3:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:#008cd6;
}
 .case-slide-item h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:27px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .case-slide-item:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .case-slide-item:hover div:after {
 left:0;
}
 .case-slide-item:hover h3 {
 color:#fff;
}
 .case-slide-item:hover h3:before {
 background:#fff;
 animation:caseslidemc 1s infinite ease-in-out;
 -moz-animation:caseslidemc 1s infinite ease-in-out;
 -webkit-animation:caseslidemc 1s infinite ease-in-out;
 -o-animation:caseslidemc 1s infinite ease-in-out;
}
 @keyframes caseslidemc {
 0% {
 transform:translateY(-50%) scale3d(1, 1, 1);
 opacity:1;
}
 100% {
 transform:translateY(-50%) scale3d(1.2, 1.2, 1);
 opacity:0;
}
}
 .case-slide-item:hover h3:after {
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
}
 .case-more {
 text-align:center;
}
 .case-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 40px 0 10px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .case-more a span {
 position:relative;
 z-index:1;
}
 .case-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 width:16px;
 height:16px;
 border-radius:10px;
 border:1px solid #008cd6;
}
 .case-more a:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:17px;
 width:5px;
 height:5px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .case-more a:hover {
}
 .case-more a:hover:before {
 animation:casemorebeofremc 1s infinite ease-in-out;
 -moz-animation:casemorebeofremc 1s infinite ease-in-out;
 -webkit-animation:casemorebeofremc 1s infinite ease-in-out;
 -o-animation:casemorebeofremc 1s infinite ease-in-out;
}
 @keyframes casemorebeofremc {
 0% {
 right:13px;
 opacity:0;
}
 100% {
 right:10px;
 opacity:1;
}
}
 .case-more a:hover:after {
 animation:casemoreaftermc 1s infinite ease-in-out;
 -moz-animation:casemoreaftermc 1s infinite ease-in-out;
 -webkit-animation:casemoreaftermc 1s infinite ease-in-out;
 -o-animation:casemoreaftermc 1s infinite ease-in-out;
}
 @keyframes casemoreaftermc {
 0% {
 right:20px;
 opacity:0;
}
 100% {
 right:17px;
 opacity:1;
}
}
 .video {
 padding:20px;
}
 .video-slide {
 margin-bottom:20px;
}
 .video-slide .swiper-container {
 padding:0 40px;
}
 .video-slide .swiper-button-next {
 right:0;
 background:#008cd6;
}
 .video-slide .swiper-button-next:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:10px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide .swiper-button-prev {
 left:0;
 background:#008cd6;
}
 .video-slide .swiper-button-prev:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:10px;
 width:7px;
 height:7px;
 border-bottom:2px solid #fff;
 border-left:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide-item {
 position:relative;
}
 .video-slide-item a {
 display:block;
}
 .video-slide-item section {
}
 .video-slide-item figure {
 overflow:hidden;
}
 .video-slide-item img {
 width:100%;
}
 .video-slide-item div {
 line-height:60px;
 position:relative;
 overflow:hidden;
 border-radius:0 0 20px;
}
 .video-slide-item div:after {
 position:absolute;
 top:0;
 left:-270px;
 content:'';
 display:block;
 width:540px;
 height:60px;
 background:linear-gradient(to right, #008cd6 270px, #fff 270px, #fff 0);
 transition:all ease-out 0.3s;
}
 .video-slide-item h3 {
 position:relative;
 z-index:1;
 font-size:14px;
 padding:0 50px 0 20px;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 transition:all ease-out 0.3s;
}
 .video-slide-item h3:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:#008cd6;
}
 .video-slide-item h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:27px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide-item:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .video-slide-item:hover div:after {
 left:0;
}
 .video-slide-item:hover h3 {
 color:#fff;
}
 .video-slide-item:hover h3:before {
 background:#fff;
 animation:caseslidemc 1s infinite ease-in-out;
 -moz-animation:caseslidemc 1s infinite ease-in-out;
 -webkit-animation:caseslidemc 1s infinite ease-in-out;
 -o-animation:caseslidemc 1s infinite ease-in-out;
}
 @keyframes caseslidemc {
 0% {
 transform:translateY(-50%) scale3d(1, 1, 1);
 opacity:1;
}
 100% {
 transform:translateY(-50%) scale3d(1.2, 1.2, 1);
 opacity:0;
}
}
 .video-slide-item:hover h3:after {
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
}
 .advan-more {
 text-align:center;
}
 .advan-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 40px 0 10px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .advan-more a span {
 position:relative;
 z-index:1;
}
 .advan-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 width:16px;
 height:16px;
 border-radius:10px;
 border:1px solid #008cd6;
}
 .advan-more a:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:17px;
 width:5px;
 height:5px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .advan-more a:hover {
}
 .advan-more a:hover:before {
 animation:casemorebeofremc 1s infinite ease-in-out;
 -moz-animation:casemorebeofremc 1s infinite ease-in-out;
 -webkit-animation:casemorebeofremc 1s infinite ease-in-out;
 -o-animation:casemorebeofremc 1s infinite ease-in-out;
}
 @keyframes casemorebeofremc {
 0% {
 right:13px;
 opacity:0;
}
 100% {
 right:10px;
 opacity:1;
}
}
 .advan-more a:hover:after {
 animation:casemoreaftermc 1s infinite ease-in-out;
 -moz-animation:casemoreaftermc 1s infinite ease-in-out;
 -webkit-animation:casemoreaftermc 1s infinite ease-in-out;
 -o-animation:casemoreaftermc 1s infinite ease-in-out;
}
 @keyframes casemoreaftermc {
 0% {
 right:20px;
 opacity:0;
}
 100% {
 right:17px;
 opacity:1;
}
}
 .about {
 padding:20px;
 position:relative;
 overflow:hidden;
 background:#f9f9f9;
}
 .about:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateX(-50%);
 background:url(../images/mcglobal.png) no-repeat center center;
 width:745px;
 height:745px;
 animation:globalmc 100s infinite linear;
 -moz-animation:globalmc 100s infinite linear;
 -webkit-animation:globalmc 100s infinite linear;
 -o-animation:globalmc 100s infinite linear;
}
 @keyframes globalmc {
 0% {
 transform:translateX(-50%) rotate(0deg);
}
 100% {
 transform:translateX(-50%) rotate(360deg);
}
}
 @-webkit-keyframes globalmc {
 0% {
 transform:translateX(-50%) rotate(0deg);
}
 100% {
 transform:translateX(-50%) rotate(360deg);
}
}
 .about .w {
 position:relative;
 z-index:2;
}
 .about-info {
 margin-bottom:20px;
}
 .about-info section {
 font-size:14px;
 color:#999;
 line-height:25px;
 text-align:center;
}
 .about-num {
 margin:0 -1%;
}
 .about-num-item {
 float:left;
 width:23%;
 margin:0 1%;
 background:rgba(255, 255, 255, 0.8);
 text-align:center;
 padding:20px 0;
}
 .about-num-item span {
 display:inline-block;
 position:relative;
}
 .about-num-item strong {
 display:block;
 font-size:30px;
 line-height:40px;
 font-family:Impact;
 color:#008cd6;
}
 .about-num-item i {
 position:absolute;
 top:-5px;
 right:-15px;
 font-style:normal;
 color:#f6a900;
}
 .about-num-item p {
 color:#999;
}
 .news {
 padding:20px;
}
 .news-list {
}
 .news-company {
 float:left;
 width:31.33%;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:20px;
}
 .news-list-title {
 position:relative;
 margin-bottom:30px;
}
 .news-list-title:before {
 content:'';
 display:block;
 position:absolute;
 top:30px;
 left:0;
 width:30px;
 height:2px;
 background:#008cd6;
}
 .news-list-title:after {
 content:'';
 display:block;
 position:absolute;
 top:30px;
 left:30px;
 width:30px;
 height:2px;
 background:#ccc;
}
 .news-list-title h3 {
 font-size:16px;
}
 .news-list-title span {
 position:absolute;
 top:0;
 right:0;
 text-transform:uppercase;
 font-size:12px;
}
 .news-company-slide {
}
 .news-company-slide section {
 position:relative;
}
 .news-company-slide a {
 display:block;
}
 .news-company-slide figure {
 overflow:hidden;
}
 .news-company-slide img {
 width:320px;
 height:240px;
}
 .news-company-slide h4 {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 background:rgba(30, 131, 186, 0.8);
 color:#fff;
 line-height:40px;
 padding:0 10px;
 font-weight:normal;
}
 .news-company-slide:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .news-industry {
 float:left;
 width:31.33%;
 margin:0 3%;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:20px;
}
 .news-industry ul {
 height:240px;
}
 .news-industry li {
 line-height:40px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 padding-right:70px;
}
 .news-industry li time {
 position:absolute;
 top:0;
 right:0;
 font-size:12px;
 color:#ccc;
}
 .news-industry li:hover a {
 padding-left:10px;
}
 .news-faq {
 float:left;
 width:31.33%;
 background:#f9f9f9;
 box-sizing:border-box;
 padding:20px;
}
 .news-faq ul {
 height:240px;
}
 .news-faq li {
 line-height:40px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
}
 .news-faq li:hover a {
 padding-left:10px;
}
 .flink {
 padding:20px;
 background:#f9f9f9;
}
}
 @media (max-width:767px) {
 .banner {
 height:200px;
}
 .banner-slide {
 height:200px;
}
 .banner figure {
 position:relative;
 height:200px;
 overflow:hidden;
}
 .banner figure img {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 height:200px;
}
 .title {
 text-align:center;
 margin-bottom:20px;
}
 .title h2 {
 font-size:24px;
 line-height:40px;
 padding-bottom:20px;
 position:relative;
}
 .title h2 strong {
 color:#008cd6;
}
 .title h2:before {
 content:'';
 display:block;
 position:absolute;
 top:51px;
 left:50%;
 transform:translateX(-50%);
 background:#ccc;
 width:280px;
 height:1px;
}
 .title p {
 color:#999;
 position:relative;
}
 .title p:before {
 content:'';
 display:block;
 position:absolute;
 top:-10px;
 left:50%;
 transform:translateX(-50%);
 background:#000;
 width:60px;
 height:3px;
 margin-left:-30px;
}
 .title p:after {
 content:'';
 display:block;
 position:absolute;
 top:-10px;
 left:50%;
 transform:translateX(-50%);
 background:#008cd6;
 width:60px;
 height:3px;
 margin-left:30px;
}
 .product {
 position:relative;
 z-index:1;
 padding:30px 0;
}
 .product-cat {
 overflow:hidden;
 margin-bottom:20px;
 padding:0 20px;
}
 .product-cat-slide {
 margin-bottom:10px;
}
 .product-cat h3 {
 background:#008cd6;
 line-height:40px;
 font-size:14px;
 transition:all ease-out 0.3s;
 position:relative;
 box-sizing:border-box;
 padding:0 10px;
}
 .product-cat h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 border-bottom:10px solid #fff;
 border-right:5px solid transparent;
 border-left:5px solid transparent;
 transition:all ease-out 0.3s;
}
 .product-cat h3 a {
 color:#fff;
}
 .product-cat h3:hover {
 background:#f6a900;
}
 .product-cat h3:hover:after {
 transform:translateY(-50%) rotate(180deg);
 border-bottom:10px solid #fff;
}
 .product-cat h3:hover a {
 color:#fff;
}
 .product-cat .swiper-slide-thumb-active h3 {
 background:#f6a900;
}
 .product-cat .swiper-slide-thumb-active h3:after {
 transform:translateY(-50%) rotate(180deg);
 border-bottom:10px solid #fff;
}
 .product-cat .swiper-slide-thumb-active h3 a {
 color:#fff;
}
 .product-slide {
 padding:0 20px;
}
 .product-slide-list {
}
 .product-slide-list ul {
 margin:0 -1%;
}
 .product-slide-list li {
 position:relative;
 float:left;
 width:48%;
 margin:0 1% 2%;
}
 .product-slide-list li a {
 display:block;
}
 .product-slide-list li section {
 background:#;
}
 .product-slide-list li figure {
 overflow:hidden;
}
 .product-slide-list li figure img {
 width:100%;
}
 .product-slide-list li div {
 position:relative;
 line-height:35px;
 overflow:hidden;
}
 .product-slide-list li div:before {
 position:absolute;
 top:0;
 left:-380px;
 content:'';
 display:block;
 width:760px;
 height:45px;
 background:linear-gradient(to right, #008cd6 380px, #f1f1f1 380px, #f1f1f1 0);
 transition:all ease-out 0.3s;
}
 .product-slide-list li div:after {
 position:absolute;
 top:0;
 right:-25px;
 content:'';
 display:block;
 width:50px;
 height:45px;
 background:linear-gradient(to right, transparent 25px, #f6a900 25px, #f6a900 0);
 transition:all ease-out 0.3s;
}
 .product-slide-list li h3 {
 position:relative;
 z-index:1;
 font-size:13px;
 padding:0 20px 0 10px;
 transition:all ease-out 0.3s;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
}
 .product-slide-list li h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:10px;
 width:10px;
 height:10px;
 border-top:2px solid #ccc;
 border-right:2px solid #ccc;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .product-slide-list li:hover div:before {
 left:0;
}
 .product-slide-list li:hover div:after {
 right:0;
}
 .product-slide-list li:hover h3 {
 color:#fff;
 padding:0 25px 0 15px;
}
 .product-slide-list li:hover h3:after {
 border-right:2px solid #fff;
 border-top:2px solid #fff;
 animation:promoremc 1s infinite ease-in-out;
 -moz-animation:promoremc 1s infinite ease-in-out;
 -webkit-animation:promoremc 1s infinite ease-in-out;
 -o-animation:promoremc 1s infinite ease-in-out;
}
 @keyframes promoremc {
 0% {
 right:15px;
 opacity:0;
}
 50% {
 right:10px;
 opacity:1;
}
 100% {
 right:5px;
 opacity:0;
}
}
 .product-slide-list li:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .product-slide-list-more {
 display:none;
}
 .advan {
 background:#f6f6f6;
 padding:20px;
}
 .advan-list {
}
 .advan-list-item {
}
 .advan-list-item figure {
 overflow:hidden;
}
 .advan-list-item figure img {
 width:100%;
 transition:all ease-out 0.3s;
}
 .advan-list-item:hover figure img {
 transform:scale3d(1.05, 1.05, 1);
}
 .advan-list-item section {
 background:#fff;
 box-sizing:border-box;
 padding:20px;
 position:relative;
}
 .advan-list-item section i {
 position:absolute;
 top:-80px;
 left:20px;
 display:block;
 width:60px;
 height:80px;
 color:#fff;
 font-size:24px;
 font-style:normal;
 text-align:center;
 line-height:80px;
}
 .advan-list-item section i:after {
 content:'';
 display:block;
 position:absolute;
 top:66px;
 left:20px;
 width:20px;
 height:3px;
 background:#fff;
}
 .advan-list-item section dt {
 font-size:17px;
 font-weight:bold;
 position:relative;
 padding-bottom:18px;
 margin-bottom:20px;
}
 .advan-list-item section dt:before {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:1px;
 background:#ccc;
}
 .advan-list-item section dt:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:60px;
 height:3px;
 background:#f02626;
}
 .advan-list-item section dt span {
 color:#f02626;
}
 .advan-list-item section dd {
 color:#999;
}
 .advan-list-item section a {
 display:inline-block;
 background:#f02626;
 color:#fff;
 padding:0 40px;
 line-height:35px;
 margin-top:25px;
}
 .advan-list-item:nth-of-type(2n+1) i {
 background:#f6a900;
}
 .advan-list-item:nth-of-type(2n+1) section dt:after {
 background:#f6a900;
}
 .advan-list-item:nth-of-type(2n+1) section dt span {
 color:#f6a900;
}
 .advan-list-item:nth-of-type(2n) i {
 background:#008cd6;
}
 .advan-list-item:nth-of-type(2n) section dt:after {
 background:#008cd6;
}
 .advan-list-item:nth-of-type(2n) section dt span {
 color:#008cd6;
}
 .customer {
 padding:20px;
}
 .customertitle {
}
 .customertitle h2 {
 font-size:22px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 text-align:center;
 margin-bottom:10px;
}
 .customertitle h2:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:2px;
 background:#2397d4;
}
 .customertitle p {
 text-transform:uppercase;
 text-align:center;
 font-size:12px;
 color:#999;
 margin-bottom:30px;
}
 .customerslide {
}
 .customerslide .swiper-button-next {
 display:none;
}
 .customerslide .swiper-button-prev {
 display:none;
}
 .customerslide h2 {
 font-size:22px;
 line-height:30px;
 position:relative;
 padding-bottom:10px;
 text-align:center;
 margin-bottom:10px;
}
 .customerslide h2:after {
 content:'';
 display:block;
 position:absolute;
 bottom:0;
 left:50%;
 transform:translateX(-50%);
 width:30px;
 height:2px;
 background:#2397d4;
}
 .customerslide p {
 text-transform:uppercase;
 text-align:center;
 font-size:12px;
 color:#999;
 margin-bottom:30px;
}
 .customerslide figure {
 margin-bottom:10px;
 border:1px solid #eee;
}
 .customerslide img {
 width:100%;
}
 .customerslide h3 {
 font-size:14px;
 font-weight:normal;
 text-align:center;
}
 .case {
 padding:20px;
 background:#f6f6f6;
}
 .case-slide {
 margin-bottom:20px;
}
 .case-slide-item {
 position:relative;
}
 .case-slide-item a {
 display:block;
}
 .case-slide-item section {
}
 .case-slide-item figure {
 overflow:hidden;
}
 .case-slide-item img {
 width:100%;
}
 .case-slide-item div {
 line-height:60px;
 position:relative;
 overflow:hidden;
}
 .case-slide-item div:after {
 position:absolute;
 top:0;
 left:-224px;
 content:'';
 display:block;
 width:448px;
 height:60px;
 background:linear-gradient(to right, #008cd6 224px, #fff 224px, #fff 0);
 transition:all ease-out 0.3s;
}
 .case-slide-item h3 {
 position:relative;
 z-index:1;
 font-size:14px;
 padding:0 50px 0 20px;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 transition:all ease-out 0.3s;
}
 .case-slide-item h3:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:#008cd6;
}
 .case-slide-item h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:27px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .case-slide-item:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .case-slide-item:hover div:after {
 left:0;
}
 .case-slide-item:hover h3 {
 color:#fff;
}
 .case-slide-item:hover h3:before {
 background:#fff;
 animation:caseslidemc 1s infinite ease-in-out;
 -moz-animation:caseslidemc 1s infinite ease-in-out;
 -webkit-animation:caseslidemc 1s infinite ease-in-out;
 -o-animation:caseslidemc 1s infinite ease-in-out;
}
 @keyframes caseslidemc {
 0% {
 transform:translateY(-50%) scale3d(1, 1, 1);
 opacity:1;
}
 100% {
 transform:translateY(-50%) scale3d(1.2, 1.2, 1);
 opacity:0;
}
}
 .case-slide-item:hover h3:after {
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
}
 .case-more {
 text-align:center;
}
 .case-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 40px 0 10px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .case-more a span {
 position:relative;
 z-index:1;
}
 .case-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 width:16px;
 height:16px;
 border-radius:10px;
 border:1px solid #008cd6;
}
 .case-more a:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:17px;
 width:5px;
 height:5px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .case-more a:hover {
}
 .case-more a:hover:before {
 animation:casemorebeofremc 1s infinite ease-in-out;
 -moz-animation:casemorebeofremc 1s infinite ease-in-out;
 -webkit-animation:casemorebeofremc 1s infinite ease-in-out;
 -o-animation:casemorebeofremc 1s infinite ease-in-out;
}
 @keyframes casemorebeofremc {
 0% {
 right:13px;
 opacity:0;
}
 100% {
 right:10px;
 opacity:1;
}
}
 .case-more a:hover:after {
 animation:casemoreaftermc 1s infinite ease-in-out;
 -moz-animation:casemoreaftermc 1s infinite ease-in-out;
 -webkit-animation:casemoreaftermc 1s infinite ease-in-out;
 -o-animation:casemoreaftermc 1s infinite ease-in-out;
}
 @keyframes casemoreaftermc {
 0% {
 right:20px;
 opacity:0;
}
 100% {
 right:17px;
 opacity:1;
}
}
 .video {
 padding:20px;
}
 .video-slide {
 margin-bottom:20px;
}
 .video-slide .swiper-container {
}
 .video-slide .swiper-button-next {
 right:0;
 background:#008cd6;
}
 .video-slide .swiper-button-next:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:10px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide .swiper-button-prev {
 left:0;
 background:#008cd6;
}
 .video-slide .swiper-button-prev:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:10px;
 width:7px;
 height:7px;
 border-bottom:2px solid #fff;
 border-left:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide-item {
 position:relative;
}
 .video-slide-item a {
 display:block;
}
 .video-slide-item section {
}
 .video-slide-item figure {
 overflow:hidden;
}
 .video-slide-item img {
 width:100%;
}
 .video-slide-item div {
 line-height:60px;
 position:relative;
 overflow:hidden;
 border-radius:0 0 20px;
}
 .video-slide-item div:after {
 position:absolute;
 top:0;
 left:-270px;
 content:'';
 display:block;
 width:540px;
 height:60px;
 background:linear-gradient(to right, #008cd6 270px, #f6f6f6 270px, #f6f6f6 0);
 transition:all ease-out 0.3s;
}
 .video-slide-item h3 {
 position:relative;
 z-index:1;
 font-size:14px;
 padding:0 50px 0 20px;
 font-weight:normal;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 transition:all ease-out 0.3s;
}
 .video-slide-item h3:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:20px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:#008cd6;
}
 .video-slide-item h3:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:27px;
 width:7px;
 height:7px;
 border-top:2px solid #fff;
 border-right:2px solid #fff;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .video-slide-item:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .video-slide-item:hover div:after {
 left:0;
}
 .video-slide-item:hover h3 {
 color:#fff;
}
 .video-slide-item:hover h3:before {
 background:#fff;
 animation:caseslidemc 1s infinite ease-in-out;
 -moz-animation:caseslidemc 1s infinite ease-in-out;
 -webkit-animation:caseslidemc 1s infinite ease-in-out;
 -o-animation:caseslidemc 1s infinite ease-in-out;
}
 @keyframes caseslidemc {
 0% {
 transform:translateY(-50%) scale3d(1, 1, 1);
 opacity:1;
}
 100% {
 transform:translateY(-50%) scale3d(1.2, 1.2, 1);
 opacity:0;
}
}
 .video-slide-item:hover h3:after {
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
}
 .advan-more {
 text-align:center;
}
 .advan-more a {
 display:inline-block;
 line-height:38px;
 border:1px solid #008cd6;
 padding:0 40px 0 10px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 border-radius:3px;
 color:#008cd6;
}
 .advan-more a span {
 position:relative;
 z-index:1;
}
 .advan-more a:before {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 right:10px;
 width:16px;
 height:16px;
 border-radius:10px;
 border:1px solid #008cd6;
}
 .advan-more a:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 right:17px;
 width:5px;
 height:5px;
 border-top:2px solid #008cd6;
 border-right:2px solid #008cd6;
 transform:translateY(-50%) rotate(45deg);
 transition:all ease-out 0.3s;
}
 .advan-more a:hover {
}
 .advan-more a:hover:before {
 animation:casemorebeofremc 1s infinite ease-in-out;
 -moz-animation:casemorebeofremc 1s infinite ease-in-out;
 -webkit-animation:casemorebeofremc 1s infinite ease-in-out;
 -o-animation:casemorebeofremc 1s infinite ease-in-out;
}
 @keyframes casemorebeofremc {
 0% {
 right:13px;
 opacity:0;
}
 100% {
 right:10px;
 opacity:1;
}
}
 .advan-more a:hover:after {
 animation:casemoreaftermc 1s infinite ease-in-out;
 -moz-animation:casemoreaftermc 1s infinite ease-in-out;
 -webkit-animation:casemoreaftermc 1s infinite ease-in-out;
 -o-animation:casemoreaftermc 1s infinite ease-in-out;
}
 @keyframes casemoreaftermc {
 0% {
 right:20px;
 opacity:0;
}
 100% {
 right:17px;
 opacity:1;
}
}
 .about {
 padding:20px;
 position:relative;
 overflow:hidden;
 background:#f6f6f6;
}
 .about:after {
 content:'';
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 transform:translateX(-50%);
 background:url(../images/mcglobal.png) no-repeat center center;
 width:745px;
 height:745px;
 animation:globalmc 100s infinite linear;
 -moz-animation:globalmc 100s infinite linear;
 -webkit-animation:globalmc 100s infinite linear;
 -o-animation:globalmc 100s infinite linear;
}
 @keyframes globalmc {
 0% {
 transform:translateX(-50%) rotate(0deg);
}
 100% {
 transform:translateX(-50%) rotate(360deg);
}
}
 @-webkit-keyframes globalmc {
 0% {
 transform:translateX(-50%) rotate(0deg);
}
 100% {
 transform:translateX(-50%) rotate(360deg);
}
}
 .about .w {
 position:relative;
 z-index:2;
}
 .about-info {
 margin-bottom:20px;
}
 .about-info section {
 color:#999;
 text-align:center;
}
 .about-num {
 margin:0 -1%;
}
 .about-num-item {
 float:left;
 width:48%;
 margin:0 1% 2%;
 background:#fff;
 text-align:center;
 padding:20px 0;
}
 .about-num-item span {
 display:inline-block;
 position:relative;
}
 .about-num-item strong {
 display:block;
 font-size:30px;
 line-height:40px;
 font-family:Impact;
 color:#008cd6;
}
 .about-num-item i {
 position:absolute;
 top:-5px;
 right:-15px;
 font-style:normal;
 color:#f6a900;
}
 .about-num-item p {
 color:#999;
}
 .news {
 padding:20px;
}
 .news-list {
}
 .news-company {
 background:#f6f6f6;
 box-sizing:border-box;
 padding:20px;
 margin-bottom:20px;
}
 .news-list-title {
 position:relative;
 margin-bottom:30px;
}
 .news-list-title:before {
 content:'';
 display:block;
 position:absolute;
 top:30px;
 left:0;
 width:30px;
 height:2px;
 background:#008cd6;
}
 .news-list-title:after {
 content:'';
 display:block;
 position:absolute;
 top:30px;
 left:30px;
 width:30px;
 height:2px;
 background:#ccc;
}
 .news-list-title h3 {
 font-size:16px;
}
 .news-list-title span {
 position:absolute;
 top:0;
 right:0;
 text-transform:uppercase;
}
 .news-company-slide {
}
 .news-company-slide section {
 position:relative;
}
 .news-company-slide a {
 display:block;
}
 .news-company-slide figure {
 overflow:hidden;
}
 .news-company-slide img {
 width:320px;
 height:240px;
}
 .news-company-slide h4 {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 background:rgba(30, 131, 186, 0.8);
 color:#fff;
 line-height:40px;
 padding:0 10px;
 font-weight:normal;
}
 .news-company-slide:hover img {
 transform:scale3d(1.05, 1.05, 1);
}
 .news-industry {
 background:#f6f6f6;
 box-sizing:border-box;
 padding:20px;
 margin-bottom:20px;
}
 .news-industry ul {
 height:240px;
}
 .news-industry li {
 line-height:40px;
 position:relative;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 padding-right:70px;
}
 .news-industry li time {
 position:absolute;
 top:0;
 right:0;
 color:#ccc;
}
 .news-industry li:hover a {
 padding-left:10px;
}
 .news-faq {
 background:#f6f6f6;
 box-sizing:border-box;
 padding:20px;
}
 .news-faq ul {
 height:240px;
}
 .news-faq li {
 line-height:40px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
}
 .news-faq li:hover a {
 padding-left:10px;
}
 .flink {
 padding:10px 5%;
 background:#f6f6f6;
}
}
.titis {
	height:118px;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	background: url(../images/ico1.png) no-repeat center bottom;
}
.titis h2 {
	line-height:42px;
	font-size:42px;
	color: #333333;
	font-weight: bold;
}
.titis h2 a {
	color: #333333
}
.titis p {
	font-size:20px;
	color: #333333;
	line-height:20px;
	margin-top: 11px;
}
.content {
	width: 1200px;
	margin: 0 auto;
}
.pro {
	padding-top:100px;
	overflow: hidden;
	background: url(../images/pro_bg.jpg) no-repeat right top;
}
.pro .titis {
	margin-bottom:30px;
}
.pro1 h3 {
	height: 54px;
	border-bottom: 2px solid #333;
	margin-bottom: 30px;
}
.pro1 h3 a {
	display: block;
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.pro1 h3 em {
	float: right;
	font-size: 18px;
	color: #0086e3;
	font-weight: normal;
	padding-top: 14px;
}
.pro1 h3 em img {
	display: inline-block;
	margin-left: 10px;
	width: 65px;
	height: 13px;
	vertical-align: 0px;
}
.pro_l {
	float: left;
	width: 346px;
}
.pro_z li {
	float: left;
	width: 106px;
	height: 106px;
	border: 2px solid #333333;
	padding-top: 18px;
	box-sizing: border-box;
	margin-right: 13px;
	margin-bottom: 13px;
}
 .pro_z li:nth-of-type(3n) {
margin-right: 0;
}
.pro_z li em {
	display: block;
	width: 48px;
	height: 40px;
	overflow: hidden;
	margin: 0 auto;
}
.pro_z li em img {
	display: block;
	width: 48px;
	height: 40px;
	transition: all 0.5s;
}
 .pro_z li.cur em img:nth-child(1) {
margin-top: -40px;
}
.pro_z li span {
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #333333;
	padding: 14px 0 0;
	font-weight: bold;
	text-align: center;
}
.pro_z li.cur {
	background: #0086e3;
	border-color: #0086e3;
}
.pro_z li.cur span {
	color: #fff;
	font-weight: bold;
}
.pro_d {
	margin-top: 22px;
	border-top: 1px dashed #e1e1e1;
}
.pro_d li a {
	display: block;
	height: 43px;
	line-height: 43px;
	border-bottom: 1px dashed #e1e1e1;
	box-sizing: border-box;
	font-size: 15px;
	color: #8b8a8a;
	transition:all 0.5s;
}
.pro_d li a:hover {
	color:#0086e3;
	background:url(../images/pro_jia.png) no-repeat right 16px;
	font-weight: bold;
}
.pro_r {
	float: right;
	width: 792px;
	height:776px;
	border:1px solid #e5e5e5;
	box-sizing: border-box;
	border-right: 0;
	border-bottom: 0;
}
.pro_r ul {
	float: left;
	width:395px;
	height: 776px;
	border-right:1px solid #e5e5e5; /*box-sizing: border-box; */
}
.pro_r ul li {
	height: 388px;
	width: 394px;
	border-bottom:1px solid #e5e5e5;
	box-sizing: border-box;
}
.pro_r ul li i {
	display: block;
	height: 297px;
	width: 394px;
	overflow:hidden;
}
.pro_r ul li img {
	display: block;
	height: 297px;
	width: 394px;
}
.pro_r ul li span {
	display: block;
	width: 324px;
	margin: 0 auto;
	height: 60px;
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
	font-size: 18px;
	color: #333;
	text-align: center;
	line-height: 60px;
	margin-top:30px;
}
.pro_r ul li:hover {
	box-shadow: 0px 10px 25px 0px rgba(102, 102, 102, 0.2);
}
.pro_r ul li:hover span {
	color: #0086E3;
}
.pro2 {
	padding:100px 0;
	background: #e9e9e9;
	margin-top: 100px;
}
.pro_t {
	height: 106px;
}
.pro2 h3 {
	float: left;
	width: 692px;
	height: 106px;
	border-bottom: 2px solid #333;
	box-sizing: border-box;
}
.pro2 h3 em a {
	display: block;
	font-size: 32px;
	line-height: 32px;
	color: #333333;
	font-weight: bold;
}
.pro2 h3 span a {
	display: block;
	font-size: 16px;
	line-height: 16px;
	color: #8b8b8b;
	font-weight: normal;
	margin-right: 34px;
	margin-top: 18px;
	float: left;
}
.pro2 h3 span a:hover {
	color: #0086E3;
}
.pro_t ul {
	float: right;
	width: 463px;
}
.pro_t li {
	float: left;
	width: 106px;
	height: 106px;
	border: 2px solid #333333;
	padding-top: 16px;
	box-sizing: border-box;
	margin-right: 13px;
	margin-bottom: 13px;
}
 .pro_t li:nth-of-type(4n) {
margin-right: 0;
}
.pro_t li em {
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	margin: 0 auto;
}
.pro_t li em img {
	display: block;
	width: 44px;
	height: 44px;
	transition: all 0.5s;
}
 .pro_t li.cur em img:nth-child(1) {
margin-top: -44px;
}
.pro_t li span {
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #333333;
	padding: 14px 0 0;
	font-weight: bold;
	text-align: center;
}
.pro_t li.cur {
	background: #0086e3;
	border-color: #0086e3;
}
.pro_t li.cur span {
	color: #fff;
	font-weight: bold;
}
.pro_bd {
	margin-top: 30px;
}
.pro_bd ul li {
	height: 352px;
	width: 390px;
	box-sizing: border-box;
	background: #fff;
	float: left;
	margin-right:15px;
}
.pro_bd ul li:last-child {
	margin-right: 0;
}
.pro_bd ul li i {
	display: block;
	height: 292px;
	width: 390px;
	overflow:hidden;
}
.pro_bd ul li img {
	display: block;
	height: 292px;
	width: 390px;
}
.pro_bd ul li span {
	display: block;
	width: 324px;
	margin: 0 auto;
	height: 60px;
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
	font-size: 18px;
	color: #333;
	text-align: center;
	line-height: 60px;
}
.pro_bd ul li:hover {
	box-shadow: 0px 10px 25px 0px rgba(102, 102, 102, 0.2);
}
.pro_bd ul li:hover span {
	color: #0086E3;
}
.news {
	position: relative;
	padding:100px 0 0;
}
.news_con {
	margin-top: 30px;
}
.news_l {
	width: 551px;
	float: left;
	position: relative; margin-bottom:20px;
}
.news h3 {
	height: 48px;
	margin-top: 20px;
}
.news h3 em {
	display: block;
	float: right;
	width: 70px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #333333;
	text-align: center;
	font-weight: normal;
	font-family: Arial;
	text-transform: uppercase;
	border:1px solid #333;
	transition: all 0.3s;
}
.news h3 a {
	display: block;
	font-size:24px;
	color: #333333;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: normal;
}
.news h3 em:hover {
	background: #008cd6;
	border-color: #008cd6;
	color: #fff;
}
.news_l dt {
	width: 551px;
	height: 310px;
	line-height: 0;
	overflow: hidden;
}
.news_l dt img {
	width: 551px;
	height: 310px;
	display:block;
}
.news_l dd {
	width: 551px;
	padding: 15px 26px 10px 20px;
	height:auto;
	box-sizing: border-box;
	background: #f2f2f2;
}
.news_l dd h4 a {
	font-size: 20px;
	color: #333;
	display: block;
	line-height: 20px;
	font-weight: normal;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.news_l dd p {
	font-size: 16px;
	color: #666666;
	padding: 10px 0 0;
	line-height: 30px;
}
.news_l dd h4 span {
	font-size: 16px;
	color: #333333;
	padding: 0 0 6px;
	line-height: 16px;
	display: block;
	font-weight: normal;
}
.news_hd {
	z-index: 1;
	position: absolute;
	cursor: pointer;
	right: 46px;
	bottom: 82px;
}
.news_hd li {
	width: 14px;
	height: 14px;
	background: #ccc;
	display: inline-block;
	margin: 0 0 0 10px;
	border-radius: 13px;
	vertical-align: middle;
}
.news_hd li.on {
	background:#008cd6;
}
.news_r {
	width: 590px;
	float: right;
}
.news_r dl {
	padding-bottom:10px;
	position: relative;
}
.news_r dt {
	width: 198px;
	height: 111px;
	line-height: 0;
	overflow: hidden;
	float: right;
}
.news_r dt img {
	width: 198px;
	height: 111px;
	display:block;
	transition:all 0.5s;
}
.news_r dl:hover dt img {
	transform:scale(1.05);
}
.news_r dd {
	width: 342px;
	float: left;
}
.news_r dd h4 a {
	font-size: 20px;
	color: #333;
	display: block;
	line-height: 20px;
	padding-top: 10px;
	font-weight: normal;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.news_r dd p {
	font-size: 16px;
	color: #787878;
	padding: 18px 0 0;
	line-height: 26px;
}
.news_r dd span {
	font-size: 14px;
	color: #333333;
	padding: 15px 0 6px;
	line-height: 14px;
	display: block;
}
.news_r ul {
	border-top: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding-top: 20px;
}
.news_r li a {
	display:block;
	font-size: 16px;
	line-height: 38px;
	color: #333333;
	padding-left: 24px;
	background: url(../images/news_ic.png) no-repeat 0 19px;
}
.news_r li em {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 38px;
	font-family: Arial;
}
.news_r dl:hover dd h4 a, .news_l dl:hover dd h4 a, .news_r li a:hover {
	color: #008cd6;
}
.footWrap {
	font-family:"Microsoft Yahei";
	background:#f2f2f2;
	box-sizing: border-box;
}
.foot {
	width:1200px;
	margin: 0 auto;
	position: relative;
}
.f_top {
	height: 230px;
	padding-top: 66px;
	border-bottom: 2px solid #333;
	box-sizing: border-box;
}
.f_nav {
	padding-top: 70px;
	height:auto;
	padding-bottom:70px;
	box-sizing: border-box;
}
.f_nav li {
	float: left;
	margin-right: 100px;
}
.f_nav li:last-child {
	margin-right: 0;
}
.f_nav li b a {
	display:block;
	font-size: 20px;
	color: #333333;
	line-height: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	padding-left: 14px;
	background: url(../images/foot_ic.png) no-repeat left;
}
.f_nav li p a {
	display:block;
	font-size: 15px;
	color: #666666;
	line-height: 36px;
}
 .f_nav li:nth-child(1) {
margin-right: 80px;
}
 .f_nav li:nth-child(1) p {
width: 810px;
}
 .f_nav li:nth-child(1) p a {
display: block;
float: left;
width: 270px;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.clearfix {
	zoom: 1;
}
.right {
	float: right;
}
.left {
	float:left;
}
/*友情链接*/

.links_main {
	padding: 15px 0;
	background:#008cd7;
	overflow: hidden;
	clear:both;
}
.links_main span {
	color: #fff;
	display: block;
	float: left;
}
.links_main a {
	color: #fff;
	font-size: 14px;
	padding-right: 10px;
	float: left;
}
/*底部*/

.footer {
	color: #808080;
	padding: 55px 0;
	background: #1c1c1c;
}
.footer a {
	color:#808080;
}
.footer .left {
	width: 850px;
}
.footer .fnav {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 20px;
}
.footer .fnav a {
	float: left;
	color:#808080;
	padding: 0 15px;
	border-right: 1px solid #808080;
}
.footer .fnav a:first-child {
	padding-left: 0;
}
.footer .fnav a:last-child {
	border: 0;
}
.footer .left p {
	font-size: 14px;
	line-height: 24px;
}
.footer .left p.copyright {
	padding-top: 25px;
}
.footer .ewm {
	float:left;
	width: 120px;
	padding: 10px;
	background: #fff;
}
.footer .ewm:last-child {
	margin-left: 25px;
}
.footer .ewm img {
	display: block;
	width: 100%;
	height: 100%;
}
.footer .ewm span {
	display: block;
	color: #5b5a5a;
	font-size: 13px;
	text-align: center;
	padding-top: 5px;
}
 .footer .ewm:-child span .icon {
background-position: -113px -11px;
}
/*二维码弹窗*/

.ewmbox {
	width: 300px;
	height: 320px;
	padding-top: 20px;
	background: #fff;
	z-index: 9999;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -170px 0 0 -150px;
	text-align: center;
	font-size: 16px;
	display: none;
}
.ewmbox .close {
	width: 32px;
	height: 32px;
	position: absolute;
	top: -25px;
	right: -40px;
	cursor: pointer;
	border-radius: 100%;
	background: #f3f3f3 url(../image/dialogClose.png) no-repeat center center;
	transition: all ease 300ms;
}
.ewmbox .close:hover {
	transform: rotate(180deg);
}
.ewmbox img {
	width: 260px;
	height: 260px;
	display: block;
	margin: 0 auto 10px;
}
.dialog-layout {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
/*浮动客服*/

.toolbar {
	position: fixed;
	top: 50%;
	right: 1%;
	margin-top: -163px;
	z-index: 100;
	width: 80px;
}
.toolbar dd {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	background:#008cd7;
	margin-top: 2px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
transition: all .5s;
}
.toolbar dd:first-child {
	margin-top: 0;
}
.toolbar dd i {
	width: 100%;
	height: 30px;
	display: block;
	margin-top: 13px;
	background: url(/res/image/toolbar.png) no-repeat center 0;
}
.toolbar dd.qq i {
	background-position-y: 0;
}
.toolbar dd.tel i {
	background-position-y: -30px;
}
.toolbar dd.code i {
	background-position-y: -60px;
}
.toolbar dd.top i {
	background-position-y: -90px;
}
.toolbar dd span {
	display: block;
	color: #fff;
}
.toolbar dd.tel .box {
	position: absolute;
	top: 0;
	width: 190px;
	right: -200px;
	height: 100%;
	margin-right: 10px;
	border-radius: 5px;
	background:#008cd7;
	opacity: 0;
transition: all .5s;
}
.toolbar dd.tel .box p {
	font-size: 14px;
	margin: 15px auto 7px;
}
.toolbar dd.tel .box h3 {
	font-size: 18px;
	font-weight: bold;
}
.toolbar dd.tel .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent#008cd7;
	;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: -18px;
	margin-left: -12px;
}
.toolbar dd.code .box {
	position: absolute;
	top: 0;
	width: 162px;
	right: -172px;
	height: 162px;
	margin-right: 10px;
	border-radius: 5px;
	background:#008cd7;
	opacity: 0;
transition: all .5s;
}
.toolbar dd.code .box img {
	width: 140px;
	height: 140px;
	padding: 11px;
}
.toolbar dd.code .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent#008cd7;
	;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 30px;
	right: -18px;
	margin-left: -12px;
}
.toolbar dd:hover {
	background: #333;
}
.toolbar dd.tel:hover .box {
	opacity: 1;
	right: 80px;
}
.toolbar dd.code:hover .box {
	opacity: 1;
	right: 80px;
}